表格线边框重复CSS解决方法 |
您所在的位置:网站首页 › css 表格边框重叠 › 表格线边框重复CSS解决方法 |
1、td 的边框和table 的边框重叠 .table { border-left:1px solid #dedede; border-top:1px solid #dedede;} .td { border-right:1px solid #dedede; border-bottom:1px solid #dedede;} table 只用左边框和上边框,每个td只有右边框和下边框,效果就是整个表格左、上边框是连续实线,右、下边框是延续td的边框所以是断断续续的 解决方法: .table {border:1px solid #dedede; border-collapse:collapse;} .td {border:1px solid #dedede; } 橘色字体是关键,边框设置也不用分上下左右了,重叠的话会一个覆盖另一个 firefox中:td的border覆盖table 的,IE中table 的border覆盖td的,我这里border颜色一样,无所谓了 表格线常见问题: 1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决] 2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决] 3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决] |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |